<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <style>
       .zero{
           width: 970px;
           height: 103px;
           margin: 0 auto;
       }
       .one{
           width: 277px;
           height: 103px;
           background-color: red;
           float: left;
           margin-bottom: 10px;
       }
       .two{
           width: 137px;
           height: 49px;
           background-color:green;
           float: right;
           margin-bottom: 8px;
       }
       .three{
           width: 679px;
           height: 46px;
           background-color:green;
           margin-bottom: 10px;
           float: right;
       }
       .z{
           width: 970px;
           height: 435px;
           margin: 0 auto;
       }
       .a{
           width: 310px;
           height: 435px;
           background-color: yellow;
           float: left;
           margin-right: 10px;
           margin-bottom: 10px;
       }
       .b{
          width: 190px;
           height: 400px;
           background-color: purple;
           float: right;
           margin-left: 10px;
           margin-bottom: 10px;
       }
       .c{
           width: 450px;
           height: 240px;
           background-color: dodgerblue;
           float: left;
           margin-bottom: 10px;
       }
       .d{
           width: 450px;
           height: 110px;
           background-color: dodgerblue;
           float: left;
           margin-bottom: 10px;
       }
       .e{
           width: 450px;
           height: 30px;
           background-color:dodgerblue;
           float: left;
           margin-bottom: 10px;
       }
       .f{
           width: 650px;
           height: 25px;
           background-color: green;
           float: right;
       }
       .g{
           width: 970px;
           height: 35px;
           margin: 0 auto;
       }
       .h{
           width: 970px;
           height: 35px;
           float: left;
           background-color: darkblue;
       }
   </style>
</head>
<body>
<div class="zero">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>

<div class="z">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
    <div class="d"></div>
    <div class="e"></div>
    <div class="f"></div>
</div>
<div class="g">
    <div class="h"></div>
</div>
</body>
</html>